<!DOCTYPE html>
<html lang="en">
<head>
	<meta charset="UTF-8">
	<title>反馈成功</title>
	<link rel="stylesheet" href="css/reset.css">
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/rem.js"></script>
	<script type="text/javascript" src="js/jquery.1.12.js"></script>
</head>
<body>
	<div class="wrapper">
		<section>
			<img src="img/dui.png" alt="">
			<ul>
				<li class="suc">反馈成功</li>
				<li class="thank">感谢您的反馈,我们会尽快给您答复</li>
			</ul>
			<div class="btn next" id="close">关闭页面</div>
		</section>
	</div>
</body>
</html>
<script type="text/javascript">
	$("#close").click(function() {
		WeixinJSBridge.call('closeWindow');
	})
</script>
<style>
	*{
		margin: 0;
		padding: 0;
	}
	html,body,.wrapper{
		width: 100%;
		height: 100%;
		display: flex;
		flex-direction: column;
	}
	.flex1{
		flex: 1;
	}
	.flex-box{
		display: flex;
	}
	.flex-col{
		flex-direction: column;
	}
	.center{
		text-align: center;
	}
	section{
		flex: 1;
	}
	section img{
		display: block;
		width: 2rem;
		height: 2rem;
		margin: 4rem auto 0.5rem auto;
	}
	section ul{
		text-align: center;
		font-size: 0.3rem;
	}
	section ul li.suc{
		font-size: 0.5rem;
		margin-bottom: 0.5rem;
		font-weight: bold;
	}
	section ul li.thank{
		color: #b0b0b0;
	}
	section .btn{
		width: 80%;
		height: 1rem;
		line-height: 1rem;
		color: #fff;
		text-align: center;
		background: #2885ff;
		margin: 0 auto;
		font-size: 0.4rem;
	}
	section .next{
		margin: 1.6rem auto 0.24rem auto;
	}
	section .close{
		
	}
</style>